<template>
  <div class="common-layout">
    <div>
      <a-page-header
        style="border: 1px solid rgb(235, 237, 240)"
        title="分享"
        sub-title="分享详情"
        @back="() => $router.go(-1)"
      />
    </div>
    <div class="detail" v-for="item in sharedetailStore.sharedetaildemo" :key="item.iid">
      <h2>{{ item.title }}</h2>
      <p>{{ item.content }}</p>

      <div>
        <div class="demo-collapse"></div>
      </div>
    </div>
  </div>
</template>
<script setup lang="ts">
import { useShareDetailStore } from '@/stores/share/sharedetail/sharedetail'
import { useRoute } from 'vue-router'
const route = useRoute()
import { ref } from 'vue'

// const iid = Number(route.params.iid)

// console.log(iid, '4444')

const sharedetailStore = useShareDetailStore()
// console.log(iid, typeof iid, '55555')
sharedetailStore.shareDetailResultAction()

// // 2 答案折叠
// const handleChange = (val: CollapseModelValue) => {
//   console.log(val)
// }
</script>
<style lang="less" scoped>
.common-layout {
  .el-radio {
    display: block;
  }
}
</style>
